.travel-report-wrap{
  .title-wrap-name{
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
  }
  .loading-container{
    text-align: center;
    background: rgba(0,0,0,0.05);
    border-radius: 4px;
    padding: 30px 50px;
    margin: 20px 0;
  }

  .card-ward{
    display: flex;
    margin-bottom: 10px;
    margin-top: 10px;
    .card-item{
      flex: auto;
      margin-right: 10px;
      border: solid 1px gainsboro;
      border-radius: 4px;
      padding:0 10px 0 10px;
      .header{
        height: 40px;
        line-height: 40px;
        .title{
          width: 80%;
          overflow: hidden;
          float: left;
          color: grey;
        }
        .tips{
          width: 20%;
          float: right;
          text-align: right;
        }
      }
      .content{
        .card-content{
          font-size: 28px;
        }
      }
    }
    .last-card-item{
      margin-right: 0px;
    }
  }
}
